<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>借阅申请</title>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script type="text/javascript" src="static/layui/layui.js"></script>
</head>
<body onload="load()">
<table class="table">
    <thead>
    <th>借阅记录编号</th>
    <th>用户id</th>
    <th>用户名</th>
    <th>图书id</th>
    <th>图书名称</th>
    <th>借书日期</th>
    <th colspan="2">操作</th>
    </thead>
    <tbody id="tb">
    </tbody>

</table>
</body>
</html>

<script>
    function load(){
        //发送ajax请求
        $.ajax({
            url:"./forbrowbookList.do",//请求地址
            type:"post",//请求方式
            data:{},
            dataType:"json",//返回的数据类型：对象是json，字符串和数组：text
            success:function (data) {//响应成功需要执行的函数
                var html="";
                for(var i=0;i<data.length;i++){
                    html+="<tr>"+
                        "<td>"+data[i].browRecoredId+"</td>"+
                        "<td>"+data[i].userId+"</td>"+
                        "<td>"+data[i].user.username+"</td>"+
                        "<td>"+data[i].bookId+"</td>"+
                        "<td>"+data[i].book.bookName+"</td>"+
                        "<td>"+data[i].browDate+"</td>"+
                        "<td><button type='button' onclick='successbrow(this)'>借阅办理</td>"+
                        "</tr>"
                }
                //把拼接成功地html变量信息显示的id=tb的标签上<input id='dId' type='hidden' value='"+data.list[i].dept.dId+"'>
                $("#tb").html(html)
            },
            error:function (data) {
                //响应失败需要做的事情
                alert("ajax请求失败");
            }
        })
    }
    function successbrow(obj) {
        var browRecoredId=$(obj).parent().parent().find("td").eq(0).text();
        var bookId=$(obj).parent().parent().find("td").eq(3).text();
        var userId=$(obj).parent().parent().find("td").eq(1).text();
        $.ajax({
            url:"./successbrowbook.do",
            type:"post",
            data:{
                browRecoredId:browRecoredId,
                bookId:bookId,
                userId:userId,
            },
            dataType:"json",
            success:function (data) {
                console.log(data.info)
                if(data.info){
                    alert("办理成功");
                    window.location.href="./forbrowbookUI.do";
                }else {
                    alert("办理失败，该用户当前可借阅数为零");
                    window.location.href="./forbrowbookUI.do";
                }
            },
            error:function (data) {
                alert("ajax请求失败");
            }
        })
    }
</script>
